<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<h:body>

		<ui:composition template="static/theme/censo2011/main.xhtml">

	<ui:define name="navegacion">
		<p:menuitem value="Consulta" url="#"/>
		<p:menuitem value="Control de calidad" url="ControlCalidad.xhtml"/>	
	</ui:define>

			<ui:define name="contenido">
	<ui:include src="static/theme/censo2011/criterio.xhtml" />		
<br/><br/><a href="javascript: launch();"><img src="#{facesContext.externalContext.requestContextPath}/static/imagenes/pdf.png"/>Visualizar Reporte</a>
<script type="text/javascript">
//<![CDATA[
	function launch(){
		win=window.open("gen_rep_na?reporte=ControlCalidad","Reportes","width=800,height=480,top=10,left=0,resizable=YES,scrollbars=YES,menubar=NO,toolbar=NO,status=NO,location=NO");
	}
//]]> 	
</script>
			

<script src="static/js/raphael.js" type="text/javascript"></script>
<script src="static/js/mycharts.js" type="text/javascript"></script>
<br/><br/><h1>#{controlCalidadController.titulo}<br/> Distribucion de las viviendas segun control de calidad </h1><br/><br/>
<div id="grafica"/>

<script type="text/javascript">
//<![CDATA[ 
// Creates canvas 320 × 200 at 10, 50
//var paper = Raphael(10, 50, 800, 800);
var paper = Raphael("grafica", 700, 300);


var pos_genX = 200;
var pos_genY = 260;
var tope = 250;
var grosor = 60;
var stepscala = 50;
var serie1 = [#{controlCalidadController.valor}];
var labels = [#{controlCalidadController.etiqueta}];
var color = ['#f00','#0f0','#00f','#cc0'];

 barra_h(pos_genX, pos_genY, tope, grosor, stepscala, serie1, labels, color, paper);
 //]]> 
 </script>



 <br/><br/><h1>Distribucion de control de calidad por vivienda segun rechazadas y aprobadas </h1><br/><br/>
 <div id="graficasRechazadasAprobadas"/>

<script type="text/javascript">
//<![CDATA[ 
 
 // Creates canvas 320 × 200 at 10, 50
 //var paper = Raphael(10, 50, 800, 800);
 var paper = Raphael("graficasRechazadasAprobadas", 700, 300);


 var pos_genX = 200;
 var pos_genY = 260;
 var tope = 250;
 var grosor = 60;
 var stepscala = 50;
 var serie1 = [#{controlCalidadController.valorRechazadasAprobadas}];
 var labels = [#{controlCalidadController.etiquetaRechazadasAprobadas}];
 var color = ['#f00','#0f0','#00f','#cc0'];

  barra_h(pos_genX, pos_genY, tope, grosor, stepscala, serie1, labels, color, paper);


 //]]> 
</script>
			</ui:define>

		</ui:composition>

	</h:body>
</f:view>